<template>
    <Header class="page-header">
        <span @click="goback">
            <em></em>
            其他方式登录
        </span>
        <p>{{path}}</p>
    </Header>
</template>

<script>

export default {

    methods: {
        goback(){
            this.$router.push("/login")
        }

    },
    computed: {
        path(){
            let path = this.$route.path
            if(path=="/phonelogin" || path=="/passwordlogin"){
                return "手机号登陆"
            }else if(path=="/emaillogin"){
                return "邮箱登陆"
            }else if(path=="/register"){
                return "手机号一键注册"
            }
        },

    }
}
</script>

<style lang="stylus" scoped>
    .page-header
        margin 0
        height .45rem
        display flex
        line-height .45rem
        text-align center
        padding 0
        span
            display flex
            position relative
            // width .87rem
            height 100%
            padding-left .2rem

            em
                display inline-block
                position: absolute
                top .02rem
                left 0rem
                width .1rem
                height .45rem
                background url("") no-repeat -0.02rem 0.11rem
                background-size .2rem
        p
            height 100%
            flex 1
            font-size .18rem
            color #333
            padding-right .9rem
            


</style>